<!DOCTYPE html>

<html>

	<head>

		<!-- 页面字符编码 -->

		<meta charset="utf-8">

		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">

		<meta name="apple-mobile-web-app-capable" content="yes">

		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<title></title>

		<link href="../../css/mui.min.css" rel="stylesheet" />

		<link href="../../fonts/iconfont.css" rel="stylesheet" />

		<link href="../../css/ecommerce.css" rel="stylesheet" />

	</head>

	<body>

		<div class="mui-content">
		    <div id="header">
		        <p class="iconfont icon-caidan top-left"></p>
		        <div class="w_title">
		       	   <p class="c"></p>
		       	   <span class="p">W</span>
		        </div>
		       	
		       
		        <div class="top-right">
		        	<div class="top-right-div">
		        		<div class="i-bags">
		        			<i class="iconfont icon-daizi3"></i>
		        			<p class="p-number">3</p>
		        		</div>
		        		<div class="i-search">
		        			<i class="iconfont icon-sousuo"></i>
		        		</div>
		        	</div>
		        </div>
		    	
		    </div>


		    <div class="komo-mid">
		        <div class="komo-mid-auto pro-sliber">
		            <div class="pro-sliber-one">
		                <div class="sli-box">
		                	<p>Durable outer</p>
		                	<i class="iconfont icon-sj"></i>
		                </div>
		                <div class="circle">
		                	<p>-</p>
		                </div>
		            	
		            </div>

		            <div  class="pro-sliber-two">
		                <div class="circle">
		                	<p>+</p>
		                </div>
		            	
		            </div>
		        </div>
				
			</div>

			<div class="sliber-footer">
				<div class="topper">
					<div class="left">
						<p class="backpack">Little America Backpack</p>
						<p class="supply">Herschel Supply Co</p>
					</div>

					<div class="right">
						<p class="money">$90</p>
						<p class="iconfont icon-new"></p>
					</div>
				</div>

		
			    <div class="add">
					<div class="add-auto sliber-auto">
					    <div class="add-num">
					    	<div class="add-num-div">
					    		<p>1<i class="iconfont icon-down"></i></p>
					    		
					    	</div>
					    	<div class="btn-auto">
					    		<button>Add to Cart</button>
					    	</div>
					    	<p class="p-right">
				    		    <span class="p-circle span1"><i class="iconfont icon-taoxin1"></i></span >
				    			<span class="p-circle p-r-span"><i class="iconfont icon-share"></i></span >
				    	    </p>
					    </div>
					 					
					</div>
				</div>
                
		    </div>
					
		    
		    <div class="pro-sliber-list slider-ul-li">
	        	<div class="click-list">
	        		<ul class="c-l-ul">
	        			<li></li>
	        			<li class="big"></li>
	        			<li></li>
	        			<li></li>
	        		</ul>
	            </div>
            </div>
		
		</div>



	</body>

</html>